<template>
  <p v-if="showTxt" class="no-record">{{t('No Records')}}</p>

  <div v-if="showImg" class="empty">
    <img src="@/assets/images/No-records_03.df9abc64.png" alt="">
  </div>
</template>
<script lang="ts" setup>
import { t } from '@/languages'
interface Props {
  showTxt?: boolean;

  showImg?: boolean;
}

withDefaults(defineProps<Props>(), {
  showTxt: false,
  showImg: false,
});


</script>
<style lang="scss" scoped>
.no-record {
  text-align: center;
  padding: .26667rem;
}

.empty {
  margin-top: 1.86667rem;
  display: flex;
  justify-content: center;
}

.empty img {
  width: 75vw;
  height: 25vh;
}
</style>
